<template>
    <div>
        <ul class="todo-main">
            <MyItem v-for="item in todos" :key="item.id" :todo="item" :changecheckbox="changecheckbox"
                :deleteItem="deleteItem" />
        </ul>
    </div>
</template>

<script>
import MyItem from "./MyItem";
export default {
    name: "MyList",
    components: {
        MyItem
    },
    props: ["todos"]
};
</script>

<style scoped>
/* 任务列表样式：无圆点+分隔线区分任务 */
.todo-main {
    list-style: none;
    margin-bottom: 25px;
}
</style>
